<template>
  <div class="index">
    <h2>文章标题</h2>
    <h4>文章副标题</h4>
    <p>易新闻“讲讲”是网易新闻客户端新推出的功能，利用“讲讲”的功能，大家可以通过“讲讲”，将看到的好文章、精彩视频分享出来；还能附上自己的观点和看法。网易新闻还会专门开辟“讲讲”频道，荟聚好内容，碰撞好观点，好看的这里都有！在每篇文章、每一段视频底下，你都能看到一辆“纸飞机”停靠在那，如果你喜欢这篇文章，希望分享给更多人看到，只需要轻轻一点“纸飞机”即可进行推荐。在分享的同时，你还可以“展开讲讲”——在发布的同时附带上自己的观点，精辟的观点可以引来更多网友的围观、评论和点赞哦！</p>

    <index-font @change-font-size="changeFontSize"></index-font>
  </div>
</template>

<script>
import IndexFont from '@/components/Font'
export default {
  name: 'Index',
  data () {
    return {
      styleObj: {
        fontSize: '1em'
      }
    }
  },
  methods: {
    changeFontSize (e) {
      this.$emit('resizefont', e)
    }
  },
  components: {
    IndexFont
  }
}
</script>

<style>
  .index {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    min-height: 100%;
    background: #efefef;
  }
  h2, h4, p {
    line-height: 1.5;
  }
  h2 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.2em;
  }
  p {
    font-size: 1em;
  }
</style>
